/* 

Universal iPhone UI Kit 1.0
Author: Diego Martín Lafuente.
E-Mail: dlafuente@gmail.com
AIM: Minidixier
Licence: AGPLv3
date: 2008-08-09

URL: www.minid.net
SVN URL: http://code.google.com/p/iphone-universal/source/checkout
Download: http://code.google.com/p/iphone-universal/downloads/list

*/

/* GENERAL ------------------------------*/
#normal .selected {
	border-top: none;
	border-bottom: none;
	background-color: #dbdbdb;
	background-image: linear-gradient(bottom, #DBDBDB 50%, #E8E8E8 15%, #E8E8E8 85%);
	background-image: -o-linear-gradient(bottom, #DBDBDB 50%, #E8E8E8 15%, #E8E8E8 85%);
	background-image: -moz-linear-gradient(bottom, #DBDBDB 50%, #E8E8E8 15%, #E8E8E8 85%);
	background-image: -webkit-linear-gradient(bottom, #DBDBDB 50%, #E8E8E8 15%, #E8E8E8 85%);
	background-image: -ms-linear-gradient(bottom, #DBDBDB 50%, #E8E8E8 15%, #E8E8E8 85%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.25, #C8C8C8),
		color-stop(0.75, #D8D8D8)
	);
	/*	color-stop(0.5, #DBDBDB),
		color-stop(0.15, #E8E8E8),
		color-stop(0.85, #E8E8E8)*/
	background: #EDF296;
}

html {
	height: 100%;
}

body {
	/*background: rgb(197,204,211) url('/images/style/page/stripes.png');*/
	/*background: #f8f8f8 url('/images/style2/page/bg.jpg');*/
	/*background: #f8f8f8 url('/images/style2/page/bg2.jpg');*/
	margin: 0;
	padding: 0;
	height: 100%;
	/*overflow: auto;*/
	background: #e7e7e7;
	background: #FFFFFF;
	background: #f8f8f8 url('/images/style2/page/m_bg5.jpg');
	/*
	background-image: linear-gradient(bottom, #AD8C69 0%, #DCC4B8 100%);
	background-image: -o-linear-gradient(bottom, #AD8C69 0%, #DCC4B8 100%);
	background-image: -moz-linear-gradient(bottom, #AD8C69 0%, #DCC4B8 100%);
	background-image: -webkit-linear-gradient(bottom, #AD8C69 0%, #DCC4B8 100%);
	background-image: -ms-linear-gradient(bottom, #AD8C69 0%, #DCC4B8 100%);
	
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #AD8C69),
		color-stop(1, #DCC4B8)
	);
	*/
	background-size: 100% 100%;
	
	font-family: Helvetica;
	margin: 0px;
	padding: 0px;
	-webkit-user-select: none;
	-webkit-text-size-adjust: none;
	font: 15px Helvetica;
}

/* standard header on body */
h1 {
	color: rgb(76,86,108);
	font: bold 18px Helvetica;
	text-shadow: #fff 0 1px 0;
	margin: 15px 0 0 10px;  
}

/* standard paragraph on body */
p {
	color: rgb(76,86,108);
	font: 14px Helvetica;
	text-align: center;
	text-shadow: white 0 1px 0;
	margin: 0 10px 17px 0;
}

/* WRAPPER */
div#wrapper {
	height: 100%;
	margin: auto;
	overflow: auto;
}

/* HEADERS */
div#header {
	background: #B99368 url('/images/style/page/bgHeader.png') repeat-x top;
	border-top: 1px solid rgb(205,213,223);
	border-bottom: 1px solid rgb(46,55,68);
	padding: 0px;
	margin: 0px auto;
	min-height: 44px;
	-webkit-box-sizing: border-box;
	height: 44px;
	width: 100%;
}
	/* HEADER H1 */
	div#header h1 {
		color: #fff;
		font: bold 20px/30px Helvetica;
		text-shadow: #2d3642 0 -1px 0;
		text-align: center;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
		padding: 5px 0;
		margin: 0px;
	}
	/* HEADER (BUTTONS AND LINKS) */
	div#header a, div#header input {
		color: #FFF;
		background: none;
		font: bold 12px/30px Helvetica;
		border-width: 0 5px;
		margin: 0;
		padding: 0 3px;
		width: auto;
		height: 30px;
		text-shadow: rgb(46,55,68) 0 -1px 0;
		text-overflow: ellipsis;
		text-decoration: none;
		white-space: nowrap;
		position: absolute;
		overflow: hidden;
		top: 7px;
		right: 6px;
		-webkit-border-image: url('/images/style/buttons/toolButton.png') 0 5 0 5;
		cursor: pointer;
	}
	/* HEADER BACK BUTTON */
	div#header #backButton {
		left: 6px;
		right: auto;
		padding: 0;
		max-width: 55px;
		border-width: 0 8px 0 14px;
		-webkit-border-image: url('/images/style/buttons/backButton.png') 0 8 0 14;
	}
	/* HEADER ACTIE BUTTON */
	.Action {
		border-width: 0 5px;
		-webkit-border-image: url('/images/style/buttons/actionButton.png') 0 5 0 5;
	}
					
	div#header p {
		color: rgb(60,70,80);
		font-weight: bold;
		font-size: 13px;
		text-align: center;
		clear: both;
		position: absolute;
		top: 4px;
		left: 35px;
		right: 35px;
		margin: 0;
		text-shadow: #C0CBDB 0 1px 0;
		text-overflow: ellipsis;
		white-space: nowrap;
		overflow: hidden;
	}
							
							
	/* PAGE */
	div#page {
		/*position: absolute;
    	top: 40px;
    	left: 0;*/
		margin: 0px auto;
		padding-top: 10px;
		padding-bottom: 10px;
		width: 100%;
		/*height: 100%;*/
		/*background-image: url('/images/style2/page/background.jpg');
		background-repeat: repeat;
		background-size: 100% 100%;*/
	}

/* SELECT EN OPTION TAGS */
div.select {
	display: inline-block;
	width: 46%;
	padding: 0px 2% 0px 2%;
}
div.select p {
	margin: 0px 0px 0px 10px;
	text-align: left;
	color: #444;
	font-style: italic;
}
div.select > div {
	height: 34px;
	background: #F8F8F8;
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.05, #F8F8F8),
		color-stop(0.95, #D1D1D1)
	);
	background-image: -webkit-linear-gradient(bottom, #D1D1D1 5%, #F8F8F8 95%);
}
/* DE PIJL ICON */
div.select > div > div {
	background: url('/images/style2/icons/select_button.png') no-repeat right transparent;
}
div.select select {
	background: transparent;
	width: 100%;
	padding: 5px;
	font-size: 16px;
	border: 1px solid #ccc;
	height: 34px;
	-webkit-appearance: none;
}

/* DE LOSSE LINKS */
div.single_link {
	margin: 5px auto 0px auto;
	text-align: center;
}
div.single_link a {
	line-height: 24px;
}